<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>指南针大盘指标-简单图例展示</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./assets//css/foundation.css">
</head>
<div class="grid-x">
    <div class="cell small-2" style="border-right: 1px solid #cccccc;">
        <div class="row">
            <div class="columns">
                <h4 class="text-center primary">Echarts渲染图指标</h4>
                <ul class="vertical menu" data-accordion-menu style="max-width: 250px">
                    <li>
                        <a href="#">指南针大盘指标</a>
                        <ul class="menu vertical nested is-active">
                            <li><a href="./outhtml/index0.html" target="_blank">0号指标</a></li>
                            <li><a href="./outhtml/index0b.html" target="_blank">0B指标</a></li>
                            <li><a href="./outhtml/index0a.html" target="_blank">0A指标</a></li>
                            <li><a href="./outhtml/index0amv.html" target="_blank">0AMV指标-活筹指数</a></li>
                        </ul>
                    </li>
                    
                    <li><a href="#">其他指标</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="cell small-10">
        <div class="large-grid-frame">
            <div class="grid-container">

                <div class="row">
                    <div class="columns">
                        <h2 class="text-center">指南针大盘指标</h2>
                        <p class="text-justify">指南针大盘指标-相关图形展示，包含0号指标，0B指标，0A指标</p>
                    </div>
                </div>

                <div class="row">
                    <div class="columns">
                        <ul class="accordion" data-accordion>
                            <li class="accordion-item is-active" data-accordion-item>
                                <a href="#index0" class="accordion-title">
                                    <h3>0号指标</h3>
                                </a>
                                <div class="accordion-content" data-tab-content id="index0">
                                    {% for item in data.index0 %}
                                    <a href="{{item}}" class="thumbnail alert"><img src="{{item}}"
                                            class="thumbnail"></a>
                                    {% endfor %}

                                </div>
                            </li>
                            <li class="accordion-item" data-accordion-item>
                                <a href="#index0b" class="accordion-title">
                                    <h3>0B号指标</h3>
                                </a>
                                <div class="accordion-content" data-tab-content id="index0b">
                                    {% for item in data.index0b %}
                                    <a href="{{item}}" class="thumbnail alert"><img src="{{item}}"
                                            class="thumbnail"></a>
                                    {% endfor %}
                                </div>
                            </li>
                            <li class="accordion-item" data-accordion-item>
                                <a href="#index0a" class="accordion-title">
                                    <h3>0A号指标</h3>
                                </a>
                                <div class="accordion-content" data-tab-content id="index0a">
                                    {% for item in data.index0a %}
                                    <a href="{{item}}" class="thumbnail alert"><img src="{{item}}"
                                            class="thumbnail"></a>
                                    {% endfor %}
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="./assets//js/vendor.js"></script>
<script src="./assets//js/foundation.js"></script>
<script src="./js/index.js"></script>

</body>

</html>